@charset "utf-8";
/* banner图 */
.bannerWrap{
    width:100%;
    height:352px;
    padding-top:120px;
}
.bannerWrap a{width:100%;height: 100%;}
.bannerWrap a img{width:100%;height: 100%;}
/* 主体 */
#mainWrap{
    width: 100%;
    min-height:800px;
    padding:0 34px;
    box-sizing: border-box;
    background-color: #fff;

}
.main-top{
    width:100%;
    height:117px;
    box-sizing: border-box;
   margin-bottom: 100px;

}
.main-top div:nth-of-type(1) {
   float:left;
   box-sizing: border-box;
   padding:36px 0 0 36px;
}
.main-top div:nth-of-type(1) span a{
    color: #000;
    font-size: 14px;
}
.main-top div:nth-of-type(1) h3 { margin-top: 20px;}
.main-top div:nth-of-type(1) h3 a{color:#000;font-size: 28px;}
.main-top div:nth-of-type(2){
    float:right;
    font-size: 22px;
    padding:36px 10px 0 0;
}
 .main-top div:nth-of-type(2) a{color:#000;border-bottom: 1px solid #000;}
 .main-top div:nth-of-type(2):hover{cursor: pointer;}
.lunbo-f{width:100%;height:490px;box-sizing: border-box;padding:0 20px}
.lunbo-f .lunbo-con h3{font-size: 14px;margin: 10px 10px;}
.lunbo-f .lunbo-con h4{font-size: 12px;padding:5px 10px;margin-left: -5px;box-sizing: border-box;}
.lunbo-con{width:100%;height:450;padding: 0 50px;box-sizing: border-box;}
.lunbo-f .swiper-container{width:1120px;height:450px;border: 1px solid #000;}
.lunbo-f .swiper-container img{height: 320px;width: 280px;}
.lunbo-f .swiper-slide{width: 280px;height:450px;margin-right: 0px }
.lunbo-f .xinxi{margin:20px 0 10px 10px;font-size: 16px;}
.lunbo-f .swiper-button-next::after,.swiper-button-prev::after{font-size: 20px;color:#000}
.lunbo-f .swiper-wrapper{position: absolute;}
.lunbo-f .swiper-slide-duplicate{width:280px}
/* 列表展示 */
/* 列表展示部分 */
.type-show{width:100%;min-height:300px}
.show-top{width:100%;height:95px;padding:40px 0 0;text-align: center;}
.show-top h3{color: #000;font-size: 28px;margin:5px 0}
.show-top span{color: #000;font-size: 12px;padding:18px 0;display: block;}
/* 列表内容数据刷新填充 */
.list-show{width:100%;padding:40px 15px 0;overflow: hidden;}
.list-connect{width:23%;height:495px;float:left;box-sizing: border-box;padding-top:15px;margin: 0 12px 45px;border-top: 1px solid #ccc;}
.list-connect h4{font-size: 18px;}
.list-connect b{width:206px;font-size: 12px;color:#000;margin:10px 0}

.list-connect p{width:206px;font-size: 12px;color:rgb(95, 95, 95);height:32px;}

.list-connect a{width: 280px;height: 320px;display: block;border-bottom: 1px solid #ccc;cursor: pointer;}
.list-connect a img{width:100%;height:100%}
/* 分类选购 */
.buy-two{width:100%;height:120px;margin-bottom: 80px;}
.buy-two h3{font-size: 14px;padding:10px 10px 30px;margin-left: 20px;}
.buy-two div{width:100%;height:120px;background-color:#000;line-height: 120px;
    box-sizing: border-box;padding:0 100px;font-size: 60px;}
.buy-two div span{padding:0 30px}
.buy-two div span:hover{cursor: pointer;}
/* .buy-two div span:nth-of-type(1){color:#f0f}
.buy-two div span:nth-of-type(2){color:rgb(172, 15, 49)}
.buy-two div span:nth-of-type(3){color:rgb(15, 172, 107)}
.buy-two div span:nth-of-type(5){color:rgb(72, 24, 204)}
.buy-two div span:nth-of-type(4){color:rgb(58, 177, 10)} */


/* 明星新品 */
.new{width:100%;min-height: 200px;}
.new h3{font-size: 14px;padding:20px 10px 10px;margin-left: 20px;}
.new-show{width:100%;min-height:200px;}
.new-show div{float:left}
.new-show .left{width:397px;min-height:630px;text-align: center;}
.left img{width:100%;}
.left h4{font-size: 40px;margin: 20px 0;}
.left p{font-size: 16px;margin:10px 0}
.left div{width:100%;text-align: center;margin-top: 40px;font-size: 26px;}
.left div a{color:#000;border-bottom:1px solid #ccc;}
.chuangtiao{width:45px;height:630px;background-color: #000;}

/* 底部 */
.list-bottom{width:100%;height:60px;box-sizing: border-box;padding-top: 18px;}
.list-bottom span{float:left;line-height: 40px;font-size: 18px;}
.btn{float:right;width:105px;line-height:30px;margin: 5px 11px 0 0;background: #000;color:#fff;text-align: center;}



